<!DOCTYPE html>
<html>
<head>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <@mup.header/>
    <#include "ai_design/mine-header.ftl"/>
    <#include "ai_design/mining-app-form.ftl"/>
    <@mup.link href="/mine/css/mining.css?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.script src="/js/datepicker/i18n/datepicker-[locale].js?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.link href="/common/css/tempo-explorer.css?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.link href="/common/css/tempo-ai.css?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.link href="/ai_design/css/ai-theme.css?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.script src="/common/js/tempo-explorer.js?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.script src="/mine/js/mine-util.js?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.script src="/ai_design/js/ai-theme.js?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.link  href="/common/css/common-page.css?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.link  href="/common/css/icon.css?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.link  href="/css/plugin/tempo-gtree.css?v=2023-04-24T10:54:57Z"/>
    <@mup.link href="/ai_design/css/ai-template.css?v=2023-04-24T10:54:57Z"  model="all"/>
    <@mup.link  href="/css/plugin/tempo-templatenode.css?v=2023-04-24T10:54:57Z"/>
    <@mup.script src="/js/plugin/tempo-gtree.js?v=2023-04-24T10:54:57Z"/>
    <@mup.script src="/js/plugin/tempo-userselect.js?v=2023-04-24T10:54:57Z"/>
    <@mup.script src="/js/plugin/tempo-templatenode.js?v=2023-04-24T10:54:57Z"/>
    <@mup.link href="/css/timepicker/jquery-ui-timepicker-addon.min.css?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.script src="/js/timepicker/jquery-ui-timepicker-addon.min.js?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.script src="/js/timepicker/jquery-ui-sliderAccess.js?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.script src="/js/datepicker/i18n/datepicker-${request.getLocale()}.js?v=2023-04-24T10:54:57Z" model="all"/>
    <@mup.script src="/js/timepicker/i18n/jquery-ui-timepicker-${request.getLocale()}.js?v=2023-04-24T10:54:57Z" model="all"/>

    <script>
        (function(){
            var i18ns = ${i18ndict!'{}'};
            for ( var i in i18ns) {
                TempoUtils.locale(i, i18ns[i]);
            };
        })();
        $(function(){
            if (window.history && window.history.pushState) {
                $(window).on("popstate", function(){
                    window.history.pushState('forward', null , document.URL);
                    window.history.forward(1);
                });
                window.history.pushState('forward', null , document.URL);
                window.history.forward(1);
            }
        });
    </script>

</head>
<body>

    <div class="ui-layout-center">
        <div id="tempo-ai-app-index-view-right-container" style="display:none;height: 100%;" class="tempo-strap-centre-panel tempo-ai-app-index-view-right-container">
            <div class="tempo-ai-app-rightzone-top">
                <div class="tempo-ai-app-rightzone-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3"></div>
                <div class="tempo-ai-app-rightzone-top-r">
                    <div class="analyze-title-name">
                        <span id="ca-name">xxx</span>
                    </div>
                    <ul>
                        <li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"></span><span id="ca-creator"></span></li>
                        <li><span id="ca-time"></span></li>
                        <li><span class="tempo-gtree-item-content-icon tempo-api-icon-tree-16 tempo-api-icon-tree-16-position-10" style="top:0px;"></span><span id="belong_theme"></span></li>
                        <li><span class="analyze-li-span"><@spring.message "aiview.flowname"/>:</span><span id="belong_flow"></span></li>
                        <#-- 现将分享至功能去掉 -->
<#--                        <li class="tempo-app-share-directory"><span class="analyze-li-span"><@spring.message "aidsview.share_directory"/>:</span><span id="share_directory"></span></li>-->
                    </ul>
                </div>
                <div class='tempo-strap-header-right'>
                    <button type="button" class='achivement-opts-btn tempo-strap-header-btn'><@spring.message "aidsview.app_more_opts"/></button>
                    <button type="button" class='share-achivement-btn tempo-strap-header-btn'><@spring.message "aidsview.share_achievement"/></button>
                    <button type="button" class='select_target-btn tempo-strap-header-btn'  style="display: none;"><@spring.message "aidsview.app_select_target"/></button>
                    <button type="button" class='create-task-btn tempo-strap-header-btn' style="display: none;"><@spring.message "aidsview.create_new_task"/></button>
                </div>
                <div id="tempo-header-achivement-opts-infos" style="display: none;">
                    <div class="tempo-header-achivement-opts-info" id="tempo-header-achivement-opts-unpublish"><span><@spring.message "aidsview.app_cancel_publish"/></span></div>
                    <div class="tempo-header-achivement-opts-info" id="tempo-header-achivement-opts-unshare"><span><@spring.message "aidsview.app_cancel_share"/></span></div>
                </div>
            </div>
            <div class="cut-off-rule"></div>
            <div class="tempo-ai-app-rightzone-mid">
                <ul>
                    <li data-v="overview"><@spring.message "aiview.rsFlowPre"/></li>
                    <li class="unsort"  data-v="configuration"><@spring.message "aiview.rsServConf"/></li>
                    <li class="unsort"  data-v="monitor"><@spring.message "aiview.rsServMon"/></li>
                    <li class="unsort"  data-v="audit"><@spring.message "aiview.rsServLog"/></li>
                </ul>
                <div class='tempo-ai-app-rightzone-mid-right-info' style="float:right;padding-right: 20px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aiview.rsStatus"/>：</label><span id="service_status" style="color: #0d9f41;">
                </div>
                <div class='tempo-ai-app-rightzone-mid-right-info' style="float:right;padding-right: 20px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aiview.rsType"/>：</label><span id="ca-type" style="color: #0d9f41;">
                </div>
            </div>
            <div class="tempo-ai-app-rightzone-bot-service">

            </div>
        </div>

        <div id="tempo-ai-task-index-view-right-container" style="display:none;height: 100%;" class="tempo-strap-centre-panel tempo-ai-app-index-view-right-container">
            <div class="tempo-ai-app-rightzone-top">
                <div class="tempo-ai-app-rightzone-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3"></div>
                <div class="tempo-ai-app-rightzone-top-r">
                    <div class="analyze-title-name">
                        <span id="ca-name">xxx</span>
                    </div>
                    <ul>
                        <li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"></span><span id="task-creator"></span></li>
                        <li><@spring.message "aidsview.created_in"/><span id="task-createTime"></span></li>
                        <li><span class="tempo-gtree-item-content-icon tempo-api-icon-tree-16 tempo-api-icon-tree-16-position-10" style="top:0px;"></span><span id="task_belong_theme"></span></li>
                    </ul>
                </div>
                <div class='tempo-strap-header-right'>
                    <button type="button" class='delete-task-btn tempo-strap-header-btn' ><@spring.message "aidsview.delete_task"/></button>
                </div>
            </div>
            <div class="cut-off-rule"></div>
            <div class="tempo-ai-app-rightzone-mid">
                <ul>
                    <li data-v="overview"><@spring.message "aiview.rsFlowPre"/></li>
                    <li class="unsort"  data-v="taskconfiguration"><@spring.message "aidsview.task_configuration"/></li>
                    <li class="unsort"  data-v="taskmonitor"><@spring.message "aidsview.task_status"/></li>
                </ul>
                <div style="float:right;padding-right: 50px;padding-top: 10px;">
                    <label style="color: #777777;"><@spring.message "aidsview.task_status2"/></label><span class="task-runtStatus" style="color: #0d9f41;">
                </div>
            </div>
            <div class="tempo-ai-app-rightzone-bot">

            </div>
        </div>

        <div id="tempo-ai-theme-index-view-right-container" style="height: 100%;">
            <div class="theme-board tempo-strap-centre-panel" style="display: none;">
                <div class="ui-layout-north">
                    <div class='tempo-strap-header'>
                        <div class='tempo-strap-header-left'>
                            <div class="theme-info">
                                <div class='tempo-strap-header-icon tempo-api-icon-48 tempo-api-icon-48-position-4 '></div>
                                <div class='tempo-strap-header-content'>
                                    <div class='tempo-header-title-panel'>
                                        <span class="tempo-strap-header-title" id="tempo-header-themName"></span>
                                        <span class="tempo-heade-updatename-btn ui-icon tempo-ui-icon-top-tablerename"  title='<@spring.message "aidsview.rename_folder"/>'id="tempo-header-updatename-btn"></span>
                                    </div>
                                    <ul class="tempo-strap-header-ul">
                                        <li>
                                            <span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user"></span>
                                            <span class='tempo-strap-item-text' id='theme-creator'></span>
                                            <span class="desc-split"></span>
                                        </li>
                                        <li>
                                            <span><@spring.message "aidsview.created_in"/></span>
                                            <span class='tempo-strap-item-text' id='theme-time'></span>
                                            <span class="desc-split"></span>
                                        </li>
                                        <li class="tempo-theme-share-div" title="<@spring.message "ai.authorizationTo"/>">
                                            <span class="ui-icon tempo-ui-icon tempo-ui-icon-no-mutual tempo-ui-icon-blue-share"></span>
                                            <span class='tempo-strap-item-text' id='theme-share-num'></span>
                                            <span class="desc-split"></span>
                                        </li>
                                        <li class="tempo-theme-publish-num-div">
                                            <span><@spring.message "aidsview.published_flows"/></span>
                                            <span class='tempo-strap-item-text' id='app-num'></span><span>/</span>
                                            <span class='tempo-strap-item-text' id='flow-num'></span>
                                            <span class="desc-split"></span>
                                        </li>
                                        <li>
                                            <span class='theme-more-info' ><@spring.message "aidsview.more_info"/>&gt;</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class='tempo-strap-header-right'>
                            <button type="button" class='refresh-btn tempo-strap-header-btn' style="display: none;"><@spring.message "aidsview.base_refresh"/></button>
                            <button type="button" class='share-btn tempo-strap-header-btn'><@spring.message "aidsview.theme_share"/></button>
                            <button type="button" class='publish-btn tempo-strap-header-btn'><@spring.message "aidsview.theme_publish"/></button>
                            <button type="button" class='edit-btn tempo-strap-header-btn'><@spring.message "aidsview.theme_edit"/></button>
                        </div>
                    </div>
                </div>
                <div class='tempo-strap-header-interval'>
                </div>
                <div class="ui-layout-center theme-blackboard">
                    <div class='blackboard'>

                    </div>
                </div>
                <div id="tempo-publish-list" class="tempo-publish-list" style="display:none">
                    <ul></ul>
                </div>
            </div>
        </div>
        <div class="welcome-page">
            <div id="tempo-banner-tooltip" class="tempo-banner-panel">
                <div class="tempo-banner-desImg">
                    <span class="tempo-icon-banner tempo-icon-banner-ai-resource"></span>
                </div>
                <div class="tempo-banner-desImg-tooltips">
                    <p class="tempo-tooltips  tempo-firstlevel-tooltips"><@spring.message "aidsview.tooltip1" /></p>
                    <p class="tempo-tooltips item-tooltip" ><@spring.message "aidsview.tooltip2" /></p>
                    <p class="tempo-tooltips item-tooltip"><@spring.message "aidsview.tooltip3" /></p>
                    <div style="position: relative;">
                        <div id="ai-create-project" class="tempo-create-project-btn"  style="margin-left: 93px;top: 10px;">
                            <span class="ui-icon tempo-ui-icon tempo-ui-white tempo-ui-icon-white-circle-plus"></span>
                            <span> <@spring.message "aidsview.resource.cereate" /></span>
                        </div>
                        <div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="welcome-page-2" style="height:100%;display:none">
            <div id="tempo-banner-tooltip" class="tempo-banner-panel">
                <div class="tempo-banner-desImg">
                    <span class="tempo-icon-banner tempo-icon-banner-ai-achievement"></span>
                </div>
                <div class="tempo-banner-desImg-tooltips">
                    <p class="tempo-tooltips  tempo-firstlevel-tooltips"><@spring.message "aidsview.publishzoneTip1"/></p>
                    <p class="tempo-tooltips item-tooltip" ><@spring.message "aidsview.publishzoneTip2"/></p>
                    <p class="tempo-tooltips item-tooltip" ><@spring.message "aidsview.publishzoneTip3"/></p>
                </div>
            </div>
        </div>
        <div class="model-template-page tempo-template-layout" style="display:none">
            <div class="ui-layout-north tempo-model-template-north">
                <div id="tempo-template-top-banner-tooltip">
                    <div class="tempo-template-layout-title">
                        <label><@spring.message "aidsview.theme_template" /></label>
                        <label id="tempo-template-num"></label>
                    </div>
                    <div class="tempo-search">
                        <div class="tempo-template-search"></div>
                    </div>
                </div>
            </div>
            <div class="ui-layout-center tempo-model-template-center">
                <div id="tempo-template-list">
                </div>
            </div>
            <!--<div class="ui-layout-sourth tempo-model-template-sourth">
                <div id="tempo-template-bottom-tooltip" class="tempo-banner-panel">
              </div>
            </div>-->
        </div>
</body>
</html>